<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- title：浏览器标题栏信息 -->
  <title>html基础知识</title>
  <!-- link标记导入外部css文件，href里面就是css文件所在位置 -->
  <link rel="stylesheet" href="css/index.css">

</head>

<body>
  <!-- 
    快捷键
    Ctrl + / 注释
    Ctrl + S 保存
    alt + shift + F 格式化（对齐）代码
    Ctrl + C 复制
    Ctrl + V 粘贴
  -->
  <!-- hn：标题，n取值是1-6 -->

  <h1 class="tc">黑暗骑士的html基础知识教程</h1>
  <!-- hr：水平标尺 -->
  <hr>
  <!-- a:超链接，点击后跳转到href指定的网页 -->
  <a href="flexbox.html">
    压力布局基础知识和盒模型（边框和内外边距）
  </a>
  |
  <a href="qqmail/">QQ邮箱模拟</a>
  |
  <a href="position.html">固定定位和绝对定位</a>
  |
  <a href="level01/ani.html">动画入门</a>
  |
  <a href="https://animate.style/">第三方动画网站</a>

</body>

</html>